<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>第一个网页</title>
    </head>
    <body>
        标题标签： <br/>
        <h1>标题</h1>
        <h2>标题</h2>
        <h3>标题</h3>
        <h4>标题</h4>
        <h5>标题</h5>
        <h6>标题</h6>

        超链接标签： <br/>
        <a href="http://www.fjbnsj.com"></a><br/><br/>

        粗体： <br/>
        <b>粗体</b><br/><br/>

        斜体： <br/>
        <em>斜体</em><br/><br/>

        图片标签： <br/>
        <!--<a href="http://image.so.com/i?ie=utf-8&src=hao_360so&q=%E5%85%B0%E5%8D%9A%E5%9F%BA%E5%B0%BC">
            <img src="http://img3.bitautoimg.com/bitauto/2013/06/6350585233121275002e15f9135b4103fc0.jpg" alt=""/><br/><br/>
        </a>-->


        列表标签：<br/>
        <ol>
            <b>
                <li>有序标签</li>
            </b>
            <li>有序标签</li>
            <b>
                <li>有序标签</li>
            </b>
            <li>有序标签</li>
            <b>
                <li>有序标签</li>
            </b>
            <li>有序标签</li>
            <b>
                <li>有序标签</li>
            </b>
            <li>有序标签</li>
            <b>
                <li>有序标签</li>
            </b>
            <li>有序标签</li>
        </ol><br/>
        <ul>
            <li>无序标签</li>
            <li>无序标签</li>
        </ul><br/>

        嵌套练习： <br/>
        <span>
            <a href="">
                <img src="" alt=""/>
            </a>
        </span>


        表格标签：<br/>
        <table border="1">
            <thead>
            <tr>
                <th>1</th>
                <th>2</th>
                <th>3</th>
            </tr>
            </thead>
            <tbody>
            <tr>
                <td>1</td>
                <td>2</td>
                <td>3</td>
            </tr>
            </tbody>
            <tfoot>
            <tr>
                <td>1</td>
                <td>2</td>
                <td>3</td>
            </tr>
            </tfoot>
        </table>


        表格合并：<br/>
        <table border="1">
            <tr>
                <td colspan="2">1</td>
                <!--<td colspan="">2</td>-->
                <td>3</td>
                <td>4</td>
            </tr><tr>
                <td rowspan="2">1</td>
                <td>2</td>
                <td>3</td>
                <td>4</td>
            </tr><tr>
                <!--<td rowspan="">1</td>-->
                <td>2</td>
                <td>3</td>
                <td>4</td>
            </tr><tr>
                <td>1</td>
                <td>2</td>
                <td colspan="2" rowspan="2">3</td>
                <!--<td>4</td>-->
            </tr><tr>
                <td>1</td>
                <td>2</td>
                <!--<td>3</td>-->
                <!--<td>4</td>-->
            </tr>
        </table>

        表单标签：<br/>
        账号：<input type="text"/><br/>
        密码：<input type="password"/><br/>
        单选：<input type="radio"/><br/>
        多选：<input type="checkbox"/><br/>
        <input type="button" value="确认"/>
        <button><img src="http://img3.bitautoimg.com/bitauto/2013/06/6350585233121275002e15f9135b4103fc0.jpg" width="15px" height="15px"/>提交</button>
        <br/><br/><br/><br/>


        <form action="">
            <table border="1">
                <thead>
                    <tr>
                        <th colspan="3">注册</th>

                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td>
                            <label>用户名</label>
                        </td>
                        <td colspan="2">
                            <input type="text" placeholder="请设置用户名"/>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <label>手机</label>
                        </td>
                        <td colspan="2">
                            <input type="text" placeholder="可用于登录和找回密码"/>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <label>密码</label>
                        </td>
                        <td colspan="2">
                            <input type="password" placeholder="请设置登录密码"/>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <label>验证码</label>
                        </td>
                        <td>
                            <input type="text" placeholder="请输入验证码"/>
                        </td>
                        <td>
                            <button>获取短信验证码</button>
                        </td>
                    </tr>
                    <tr>
                        <td>性别</td>
                        <td colspan="2">
                            <input type="radio" name="sex"/><label>男</label>
                            <input type="radio" name="sex"/><label>女</label>
                        </td>
                    </tr>
                    <tr>

                        <td colspan="3">
                            <input type="checkbox"/>
                            <span>阅读并接受
                                <a href="https:www.baidu.com">《百度用户协议》</a>
                                及
                                <a href="https:www.baidu.com">《百度隐私权保护声明》</a>
                            </span>
                        </td>
                    </tr>
                    <tr>
                        <td colspan="3">
                            <input type="button" value="注册"/>
                            <!--<button>注册</button>-->
                            <input type="reset"/>
                        </td>
                    </tr>
                </tbody>
            </table>
        </form>
        网页布局：<br/>

        <!--头部-->
        <header>

        </header>
        <!--导航-->
        <nav>

        </nav>
        <!--主体-->
        <article>

        </article>
        <!--楼层-->
        <section>

        </section>
        <!--侧边栏-->
        <aside>

        </aside>
        <!--页脚-->
        <footer>

        </footer>






















    </body>
</html>